<template>
  <div>
    <form action="">
      <!-- 用户名 -->
      <input type="text" v-model="username"> <br>
      <!-- 密码 -->
      <input type="password" v-model="password"><br>
      <!-- 单选 -->
      <input type="radio" name="gender" v-model="gender" value="nan" >男
      <input type="radio" name="gender" v-model="gender" value="nv">女 <br>

      <!-- 多选 -->
      <input type="checkbox" v-model="hoby" value="xdm">写代码
      <input type="checkbox" v-model="hoby" value="kh">看海
      <input type="checkbox" v-model="hoby" value="kf">看番 <br>
      <select  v-model="city" >
        <option value="yl">榆林</option>
        <option value="hz">杭州</option>
        <option value="yt">烟台</option>
      </select>
    </form>
  </div>
</template>

<script>
export default{
  data() {
    return{
      username:'',
      password:'',
      gender:'',
      hoby:[],
      city:'yl'
  }
}
}
</script>

<style lang="scss" scoped>

</style>